<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>服务</title>
		<link href="public/css/base.css" rel="stylesheet" type="text/css" />
		<link href="public/css/common.css" rel="stylesheet" type="text/css" />
		<link href="public/css/skin-white.css" rel="stylesheet" type="text/css" />
		<link href="public/css/royalslider.css" rel="stylesheet" type="text/css" />
		<link href="public/css/iconfont.css" rel="stylesheet" type="text/css" />
		<link href="public/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
		<div class="fade">
			<!--Header-->
			<header class="header">
				<a href="javascript:;" id="nav-trigger" class="nav-toggle">
					<span></span>
					<span></span>
					<span></span>
				</a>
				<div class="container">
					<div class="logo fl">
						<a href="index.html"></a>
					</div>
					<div class="page-overlay fr">
					    <div class="nav fl">
					        <ul>
						        <ul class="nav navbar-nav navbar-right">
							        <li><a href="case.html">案例</a><i class="fa fa-telegram fa-2x"></i></li>
							        <li><a href="service.html">服务</a><i class="fa fa-laptop fa-2x"></i></li>
							        <li><a href="about.html">关于</a><i class="fa fa fa-user-circle-o fa-2x"></i></li>
							        <li><a href="news.html">动态</a><i class="fa fa-newspaper-o fa-2x"></i></li>
							        <li><a href="blogs.html">研究</a><i class="fa fa-tachometer fa-2x"></i></li>
						        </ul>
					        </ul>
					    </div>
  				    </div>
				</div>
			</header>
			<!-- 首页Banner-->
			<section class="base-banner service-banner"></section>
			<!-- 案例 nav -->
			<section class="case-nav service-nav" id="service-nav">
				<ul>
				    <li class="current"><a href="###" id="module-nav1" rel="#module1">服务体系</a></li>
				    <li><a href="###" id="module-nav2" rel="#module2">解决方案</a></li>
				    <li><a href="###" id="module-nav3" rel="#module3">服务优势</a></li>
				    <li><a href="###" id="module-nav4" rel="#module4">合作流程</a></li>
				    <li><a href="###" id="module-nav5" rel="#module5">服务客户</a></li>
				    <li><a href="###" id="module-nav6" rel="#module6">联系我们</a></li>
				</ul>
			</section>
			<!-- service 服务体系 -->
			<section class="service-wrap service-all" id="module1">
				<div class="module-title">
					<h1>服务体系</h1>	
				</div>
				<div class="service-list container clearfix">
					<dl>
						<dd><img src="public/images/service1.png"></dd>
						<dt><h2>交互原型设计</h2></dt>
						<dt>信息架构</dt>
						<dt>低保真原型</dt>
						<dt>界面布局</dt>
						<dt>快速原型</dt>
						<dt>产品原型</dt>
					</dl>
					<dl>
						<dd><img src="public/images/service2.png"></dd>
						<dt><h2>产品视觉设计</h2></dt>
						<dt>视觉设计</dt>
						<dt>设计规范与风格指南</dt>
						<dt>品牌形象</dt>
						<dt>图标设计</dt>
						<dt>前端架构及开发</dt>
					</dl>
					<dl>
						<dd><img src="public/images/service3.png"></dd>
						<dt><h2>网站设计与开发</h2></dt>
						<dt>品牌网站设计开发</dt>
						<dt>展示营销网站</dt>
						<dt>电子商务网站</dt>
						<dt>手机网站/响应式网站</dt>
						<dt>前端开发与测试</dt>
					</dl>
					<dl>
						<dd><img src="public/images/service4.png"></dd>
						<dt><h2>移动产品设计</h2></dt>
						<dt>移动界面设计</dt>
						<dt>iOS/Android界面设计</dt>
						<dt>微信公众平台</dt>
						<dt>html5设计开发</dt>
						<dt>移动网站设计开发</dt>
					</dl>
					<dl>
						<dd><img src="public/images/service5.png"></dd>
						<dt><h2>软件界面设计</h2></dt>
						<dt>Windows软件界面设计</dt>
						<dt>MacOS软件界面设计</dt>
						<dt>车载软件界面</dt>
						<dt>电视界面</dt>
						<dt>其他终端软件界面</dt>
					</dl>
					<dl>
						<dd><img src="public/images/service6.png"></dd>
						<dt><h2>品牌及平面设计</h2></dt>
						<dt>标志设计及企业VI体系</dt>
						<dt>产品平面设计</dt>
						<dt>手绘插画</dt>
						<dt>二维动画</dt>
						<dt>广告设计</dt>
					</dl>
				</div>
			</section>

			<!-- 解决方案 -->
			<section class="solution-wrap" id="module2">
				<div class="module-title">
					<h1>解决方案</h1>	
				</div>
				<ul class="solution-list container clearfix">
					<li>
						<div class="solution-pic">
							<a href="###"><img src="public/images/solution1.jpg" alt="" /></a>
						</div>
						<h3><a href="###">移动产品设计解决方案</a></h3>
						<p>提供基于IOS和Android系统的移动APP应用设计，提供移动产品全方位设计解决方案，满足客户对品牌及产品全方位展示，终端互动等各方面需求。</p>
					</li>
					<li>
						<div class="solution-pic">
							<a href="###"><img src="public/images/solution2.jpg" alt="" /></a>
						</div>
						<h3><a href="###">互联网产品设计解决方案</a></h3>
						<p>产品设计是互联网产品的灵魂，交互和视觉设计有相辅相成来共同打造课信赖的互联网产品，这是我们一直以来最核心的服务。</p>
					</li>
					<li>
						<div class="solution-pic">
							<a href="###"><img src="public/images/solution3.jpg" alt="" /></a>
						</div>
						<h3><a href="###">电商设计及开发</a></h3>
						<p>电子商务的爆发带来了无限可能，也对电商产品带来更多跳转，我们从用户出发参与其中，为企业提供电商产品的交互、视觉、前端及功能开发工作</p>
					</li>
					<li>
						<div class="solution-pic">
							<a href="###"><img src="public/images/solution4.jpg" alt="" /></a>
						</div>
						<h3><a href="###">品牌网站设计及建设</a></h3>
						<p>以专业的视角，商业设计的思维为企业提供最具创意和视觉冲击力的网站，从交互的角度为品牌提供更便利、更舒适的体验感受。</p>
					</li>
					<li>
						<div class="solution-pic">
							<a href="###"><img src="public/images/solution5.jpg" alt="" /></a>
						</div>
						<h3><a href="###">微信设计及开发</a></h3>
						<p>基于微信的营销互动传播日趋收到受众喜爱，我们从营销出发，为企业及产品提供基于微信的品牌推广、互动营销、产品服务等定制设计和开发。</p>
					</li>
					<li>
						<div class="solution-pic">
							<a href="###"><img src="public/images/solution6.jpg" alt="" /></a>
						</div>
						<h3><a href="###">互联网金融</a></h3>
						<p>利用互联网的手段进行开发客户、数据分析、在线金融投资等。我们以专业的交互和视觉设计等为金融行业提供服务。</p>
					</li>
					<li>
						<div class="solution-pic">
							<a href="###"><img src="public/images/solution7.jpg" alt="" /></a>
						</div>
						<h3><a href="###">智能健康&医疗</a></h3>
						<p>移动互联网对医疗领域的推动在于更容易接入感应设备和跨终端管理个人健康，我们通过多终端的设计改变健康管理方式的转变。</p>
					</li>
					<li>
						<div class="solution-pic">
							<a href="###"><img src="public/images/solution8.jpg" alt="" /></a>
						</div>
						<h3><a href="###">传统行业/企业转型</a></h3>
						<p>互联网时代传统行业/企业急需转型和融入，奈思设计从设计的角度为传统企业提供最真实有效的设计驱动力，助理其融入和改造。</p>
					</li>
				</ul>
			</section>
			<!-- 服务优势 -->
			<section class="project-wrap project-all clearfix" id="module3">
				<div class="module-title">
					<h1>服务优势</h1>
					<span>创意、流程、执行缺一不可</span>
				</div>
				<ul class="project-list container clearfix">
					<li>
						<div class="project-pic">
							<a href="###"><img src="public/images/project1.jpg" alt="" /></a>
						</div>
						<p>从创始至今，我们的业务方向始终不变，专注做好一件事才能更好的追求高品质，这也是nicedesign存在的价值。
						在未来我们也是基于此信念而继续创造。</p>
					</li>
					<li>
						<div class="project-pic">
							<a href="###"><img src="public/images/project2.jpg" alt="" /></a>
						</div>
						<p>在不断的创新和实践中总结出可持续和可信赖的设计流程，坚持与用户一起思考，用设计的方法发现问题、解决问题、输出设计方案，并实现客户产品和企业价值的提升。</p>
					</li>
					<li>
						<div class="project-pic">
							<a href="###"><img src="public/images/project3.jpg" alt="" /></a>
						</div>
						<p>nicedesign5年来积累了大量优秀的项目案例，并验证了设计的价值。在不断的探索中总结经验，以结果为导向，继续为更多客户提供优秀的设计。</p>
					</li>
				</ul>
			</section>
			<!-- 服务流程 -->
			<section class="path-wrap" id="module4">
				<div class="module-title">
					<h1>服务流程</h1>
				</div>
				<div class="pash-pic">
					<img src="public/images/path.jpg">
				</div>
			</section>
			<!-- 客户列表 -->
			<section class="client-wrap client-all" id="module5">
				<div class="module-title">
					<h1>他们选择了nicedesign</h1>
					<a href="###">全部客户列表&gt;</a>
				</div>
				<ul class="client-list container clearfix">
					<li><img src="public/images/l1.jpg" title="" /></li>
					<li><img src="public/images/l2.jpg" title="" /></li>
					<li><img src="public/images/l3.jpg" title="" /></li>
					<li><img src="public/images/l4.jpg" title="" /></li>
					<li><img src="public/images/l5.jpg" title="" /></li>
					<li><img src="public/images/l6.jpg" title="" /></li>
					<li><img src="public/images/l7.jpg" title="" /></li>
					<li><img src="public/images/l8.jpg" title="" /></li>
					<li><img src="public/images/l9.jpg" title="" /></li>
					<li><img src="public/images/l10.jpg" title="" /></li>
					<li><img src="public/images/l11.jpg" title="" /></li>
					<li><img src="public/images/l12.jpg" title="" /></li>
					<li><img src="public/images/l13.jpg" title="" /></li>
					<li><img src="public/images/l14.jpg" title="" /></li>
					<li><img src="public/images/l15.jpg" title="" /></li>
					<li><img src="public/images/l16.jpg" title="" /></li>
					<li><img src="public/images/l17.jpg" title="" /></li>
					<li><img src="public/images/l18.jpg" title="" /></li>
					<li><img src="public/images/l19.jpg" title="" /></li>
					<li><img src="public/images/l20.jpg" title="" /></li>
					<li><img src="public/images/l21.jpg" title="" /></li>
					<li><img src="public/images/l22.jpg" title="" /></li>
					<li><img src="public/images/l23.jpg" title="" /></li>
					<li><img src="public/images/l24.jpg" title="" /></li>
				</ul>
			</section>
			<!-- 提交需求 -->
			<section class="demand-wrap" id="module6">
				<div class="module-title">
					<h1>快速提交您的需求</h1>
				</div>
				<div class="demand-box clearfix">
					<form method="post" action="xxx.php">
					    <div class="row">
					        <label>
					        	<span>您的姓名</span>
					            <input type="text" class="txt w1 input1" name="name">
					        </label>
					        <label>
					        	<span>邮箱</span>
					            <input type="text" class="txt w1 input2" name="email">
					        </label>
					    </div>
					    <!--row-->
					    <div class="row">
					        <label>
					        	<span>电话</span>
					            <input type="text" class="txt w1 input3" name="mobile">
					        </label>
					        <label>
					        	<span>公司名称</span>
					            <input type="text" class="txt w1 input4" name="company">
					        </label>
					    </div>
					    <!--row-->
					    <div class="row">
					        <label>
					        	<span>您的需求描述？</span>
					            <textarea class="txt w2 input5" name="content"></textarea>
					        </label>
					    </div>
					    <!--row-->
					    <div class="row">
					        <input type="submit" class="btn ajaxformbtn" value="发送您的需求">
					        <p class="xin">或者发送商务咨询到邮箱：<a href="">1138659665@qq.com</a></p>
					    </div>
					    <!--row-->
					</form>
				</div>
			</section>
			<!-- Footer -->
			<footer class="footer">
				<div class="container clearfix">
					<div class="footer-main">
						<div class="foot_logo fl">
							<img src="public/images/foot_logo.png" title="">
							<p>设计和技术创造极致用户体验</p>
						</div>
						<div class="help-wrap">
							<ul class="help-list">
								<li><p>我们</p></li>
								<li><a href="###">服务项目</a></li>
								<li><a href="###">关于我们</a></li>
								<li><a href="###">新闻动态</a></li>
								<li><a href="###">加入我们</a></li>
								<li><a href="###">联系我们</a></li>
							</ul>
							<ul class="help-list">
								<li><p>案例</p></li>
								<li><a href="###">全部</a></li>
								<li><a href="###">网站</a></li>
								<li><a href="###">移动app</a></li>
								<li><a href="###">桌面软件</a></li>
								<li><a href="###">品牌及平面</a></li>
							</ul>
							<ul class="help-list">
								<li><p>方案</p></li>
								<li><a href="###">移动互联网</a></li>
								<li><a href="###">在线金融</a></li>
								<li><a href="###">传统企业转型</a></li>
								<li><a href="###">医疗健康</a></li>
								<li><a href="###">创业服务</a></li>
							</ul>
							<ul class="help-list">
								<li><p>发现</p></li>
								<li><a href="###">合作伙伴</a></li>
								<li><a href="###">研究</a></li>
								<li><a href="###">nice实验室</a></li>
								<li><a href="###">留言板</a></li>
								<li><a href="###">友情链接</a></li>
							</ul>
							<ul class="business help-list">
								<li><p>商务合作</p></li>
								<li><a href="1138659665@qq.com">邮箱：1138659665@qq.com</a></li>
								<li>手机：13177868246</li>
								<li>座机：（+86）010-57281080</li>
								<li>QQ：1138659665<!--<a href="tencent://message/?uin=949677513&Site=在线咨询&Menu=yes" class="jiaotan"><i class="qq"></i>点击交谈</a>-->
									<a href="http://wpa.qq.com/msgrd?v=3&amp;uin=1138659665&amp;site=qq&amp;menu=yes" target="_blank">
										<i class="qq"></i>点击交谈
									</a>
								</li>
								<li>地址：我也忘了</li>
							</ul>
						</div>
						
					</div>
					<div class="copy">
						<div class="personal">
							<a href="###" target="_blank"><i class="iconfont icon-iconfontweibowukuang"></i></a>
							<a href="###" class="wx"><i class="iconfont icon-weixin"></i></a>
							<a href="###" target="_blank"><i class="iconfont icon-dribbble"></i></a>
							<a href="###" target="_blank"><i class="iconfont icon-zhanku"></i></a>
							<a href="###" target="_blank"><i class="iconfont icon-behance"></i></a>
						</div>
						<p>Copyright ©  2010-2016 nicedesign  京ICP备15000202号-5 </p>
					</div>
				</div>
			</footer>
			<div class="eject">
				<div class="layer"></div>
				<div class="pop">
					<dl>
						<dd><img src="public/images/wx.png"></dd>
						<dt>扫描二维码关注：One丶</dt>
						<dt><a href="javascript:void(0)" class="close">确 认</a></dt>
					</dl>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="public/js/jquery-3.1.1.min.js"></script>
		<script type="text/javascript" src="public/js/common.js"></script>
		<script type="text/javascript" src="public/js/jquery.royalslider.min.js?v=9.3.6"></script>
	</body>
</html>
